<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>DiapoClic</title>
    <style type="text/css" media="all"> 
      @import "adylitica.css";
    </style> 
<!--    <script type="text/javascript" src="jquery-1.4.5.min.js"></script> -->
  </head>
  <body>
    <div id="page">
      <div id="topnav"> 
	<div id="topnavcontents">
	  <div id="menu">
    <li><a href='index.html' class='button'>Accueil</a></li>
    <li><a href='album.html' class='button'>Abums photo</a></li>
    <li><a href='contacts.html' class='button'>Contacts</a></li>
	<li><a href='aide.html' class='button'>Aide</a></li>
    <li><a href='deconnexion.html' class='button'>Déconnexion</a></li>
    
    </ul>
	  </div>
	</div>
      </div> <!-- #topnav -->

      <div id="highlightholder">
	<div id="highlightcontents">
	  <div class="title">
	    <div class="main">DiapoClic</div>
	    <div class="tag">Partagez vos photos en ligne avec votre famille et vos amis.</div>
	  </div>

	  <div id="products">
		<div class="box">
		<p>Nouvel utilisateur de DiapoClic? <br/><br/>Cliquez <a href="enregistrement.html">ICI</a> pour vous enregistrer.</p>
		</div>
		<div class="box">
		
		<form id="start" action="post">
	<h1>S'enregistrer</h1>
	<p>
		<label for="name">Nom d'utilisateur</label>
		<input id="name" type="text" />
	</p>
	<p>
		<label for="name">Prénom</label>
		<input id="name" type="text" />
	</p>
	<p>
		<label for="name">Adresse email</label>
		<input id="name" type="text" />
	</p>
	<p>
		<label for="password">Mot de passe</label>
		<input id="password" type="password" />
	</p>
	
	<p>
		<label for="password">Confirmation de mot de passe</label>
		<input id="password" type="password" />
	</p>

	<!-- Bouton de soumission habituel. Je l'ai commenté pour pouvoir afficher ma div "finish" avec la pseudo-classe :target -->
	<p>
		<input type="submit" value="Envoyer" /> <!-- ou <a href="#form">annuler</a> -->
	</p>
	<!-- <p>
		<a class="submit" href="#finish">Envoyer</a> ou <a href="#start">Annuler</a>
	</p> -->
	<div id="finish">
		<p>
			Inscription terminée!
		</p>
	</div>
</form>
</div>
</div>
<!-- 	    <div class="box">
	      <a target="_blank" href="http://bit.ly/todoAppHD"><img class="head" src="images/box_dit.png" border="0"/></a>
	      <div class="title">
		<div class="main">Do it (Tomorrow)</div>
		<div class="tag">Do it Today.  Or Don't.</div>
		<div class="desc"><strong>Simple</strong> Task Management.<br/> See the app that millions have downloaded and tried!</div>
                <div style="padding: 5px; padding-left: 35px">
                  <div style="float: left;padding-right: 20px"><a href="http://bit.ly/todoAppHD"><img border="0" src="images/icon_iphone.png"/></a></div>
                  <div style="float: left;padding-right: 20px"><a href="http://bit.ly/todoAppHD"><img border="0" src="images/icon_ipad.png"/></a></div>
                  <div style="float: left;padding-right: 20px"><a href="http://tomorrow.do"><img border="0" src="images/icon_www.png"/></a></div>
                  <div style="float: left;padding-right: 0px"><a href="http://bit.ly/todoAppAndroid"><img border="0" src="images/icon_android.png"/></a></div>
                </div>
	      </div>
	    </div>

	    <div class="box">
	      <a href="http://bit.ly/worldTime"><img class="head" src="images/box_wt.jpg" border="0"/></a>
	      <div class="title">
		<div class="main">World Time </div>
		<div class="tag">Find out <em>when</em> you are in the world. </div>
		<div class="desc">Finding out what <strong>time</strong> it is where  your friends, family, or colleagues are in the world has never been easier!</div>
                <div style="padding: 5px; padding-left: 140px">
                  <div style="float: left;padding-right: 20px"><a href="http://bit.ly/worldTime"><img border="0" src="images/icon_iphone.png"/></a></div>
                </div>
	      </div>
	    </div> -->

	   <!--  <div class="box">
	      <a target="_blank" href="http://bit.ly/todayApp" border="0"/><img class="head" src="images/box_today.png" border="0"/></a>
	      <div class="title">
		<div class="main">Everyday Notes</div>
		<div class="tag">Chronicle your life </div>
		<div class="desc">Organise your life in a virtual notebook that uses iOS 5's brand new page flip technology.</div>
                <div style="padding: 5px; padding-left: 140px">
                  <div style="float: left;padding-right: 20px"><a href="http://bit.ly/todayApp"><img border="0" src="images/icon_iphone.png"/></a></div>
                </div>
	      </div>
	    </div> -->

	  </div> <!-- #products -->

	  <div style="clear: left"></div>
	</div> <!-- #highlightcontents -->
      </div>
    </div> <!-- #page -->
    <div id="footer">
      Copyright &copy; 2011 - 2012 DiapoClic. Tous droits réservés.
    </div>
  </body>
</html>
